<template>
	<view class="container">
		<u-divider color="#fa3534">外部字体</u-divider>
		<view class="test">
			home
			<br />
			勇敢
		</view>
		<u-divider color="#fa3534">页面跳转</u-divider>
		<navigator url="/pages/pageA/pageA">跳转pageA</navigator>
		<!-- 数据请求 -->
		<u-divider color="#fa3534">数据请求</u-divider>
		<view v-for="item in tags" :key="item.id">{{item.tag}}</view>
	</view>
</template>

<script>
	import {getRandomTags} from "@i/api_test.js";
	export default {
		data() {
			return {
				tags:[]
			}
		},
		created() {
			this.getRandomTags();
		},
		methods: {
			getRandomTags(){
				getRandomTags().then(res=>{
					this.tags = res.data;
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.container {
		width: 100%;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	@font-face {
		font-family: "zkklt";
		// src: url('https://ystx.xn--4gqr6isbv1bn21d.com/uploads/zkklt.ttf');
		src: url('https://sungd.github.io/Pacifico.ttf');
	}

	.test {
		font-family: 'zkklt';
		font-size: 60rpx;
	}
</style>
